<template>
	<div>
		<h2 style="text-align: center;margin-bottom: 30rpx;">华立校园网手机登录器</h2>
		<h5 style="text-align: center;">本应用只负责模拟客户端登录请求，不收集任何信息</h5>
		<h5 style="margin-bottom: 20rpx;text-align: center;">登录后账号信息会缓存在本地，无需重复填写</h5>
		<div class="sel_box">
			<button class="sel-close" @tap="teach()">使用教程</button>
		</div>
		<h5 style="margin-bottom: 30rpx;"></h5>
		<div class="sel_box">
			<button :class="select1 ? 'sel-open' : 'sel-close'" @tap="selectOpen('1')">设备1</button>
			<button :class="select2 ? 'sel-open' : 'sel-close'" @tap="selectOpen('2')">设备2</button>
			<button :class="select3 ? 'sel-open' : 'sel-close'" @tap="selectOpen('3')">设备3</button>
		</div>
		<div class="in_box">
			<div class="in">
				账号:
				<input v-model="username" type="text" />
			</div>
			<div class="in">
				密码:
				<input v-model="password" type="password" />
			</div>
			<div class="in">
				IPv4地址:
				<input v-model="clientip" type="text" />
			</div>
			<div class="in">
				MAC(物理地址):
				<input v-model="mac" type="text" />
			</div>
		</div>
		<button class="btn" @tap="login()">登录</button>
		<div style="font-size: 14px;margin-top: 100rpx;text-align: center;">
			<span @tap="openUrl()">https://gitee.com/wx_1cd83889b0/maybe_xyw</span>
		</div>
	</div>
</template>

<script src="./index.js">

</script>

<style src="./index.css">

</style>
